<%--
  Created by IntelliJ IDEA.
  User: Hp
  Date: 2021/12/5
  Time: 14:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>商品管理</title>
    <link rel="stylesheet" href="/asserts/vendor/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/asserts/vendor/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/asserts/css/goods.css">
</head>
<body>
<div>
    <div class="row">
        <div class="pull-left col-md-3">
            <a href="/?target=goods-edit"><i class="fa fa-plus-circle" aria-hidden="true"></i>  新增商品</a>
        </div>
        <div class="pull-right col-md-7">
            <input style="width: 200px;height:20px;" type="text" placeholder="请输入商品名称，以进行模糊查找"/>
            <i class="fa fa-filter" aria-hidden="true"></i>
        </div>
    </div>

    <div class="row1">
        <div class="col-md-3" id="background1">
            <img src="/asserts/img/1.jpg" alt="img" class="img" />
            <h5>￥5</h5>
            <p>苹果</p>
            <div class="pen">
                <i class="fa fa-pencil" aria-hidden="true"></i>
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>
        </div>
        <div class="col-md-3" id="background2">
            <img src="/asserts/img/1.jpg" alt="img" class="img" />
            <h5>￥25</h5>
            <p>栗子</p>
            <div class="pen">
                <i class="fa fa-pencil" aria-hidden="true"></i>
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>

        </div>
        <div class="col-md-3" id="background3">
            <img src="/asserts/img/1.jpg" alt="img" class="img" />
            <h5>￥5</h5>
            <p>梨子</p>
            <div class="pen">
                <i class="fa fa-pencil" aria-hidden="true"></i>
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>
        </div>
        <div class="col-md-3" id="background4">
            <img src="/asserts/img/1.jpg" alt="img" class="img" />
            <h5>￥20</h5>
            <p>西瓜</p>
            <div class="pen">
                <i class="fa fa-pencil" aria-hidden="true"></i>
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>
        </div>
    </div>

    <div class="row2">
        <div class="col-md-3" id="background5">
            <img src="/asserts/img/1.jpg" alt="img" class="img" />
            <h5>￥60</h5>
            <p>草莓</p>
            <div class="pen">
                <i class="fa fa-pencil" aria-hidden="true"></i>
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>
        </div>
        <div class="col-md-3" id="background6">
            <img src="/asserts/img/1.jpg" alt="img" class="img" />
            <h5>￥100</h5>
            <p>花花</p>
            <div class="pen">
                <i class="fa fa-pencil" aria-hidden="true"></i>
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>

        </div>
        <div class="col-md-3" id="background7">
            <img src="/asserts/img/1.jpg" alt="img" class="img" />
            <h5>￥50</h5>
            <p>草草</p>
            <div class="pen">
                <i class="fa fa-pencil" aria-hidden="true"></i>
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>
        </div>
        <div class="col-md-3" id="background8">
            <img src="/asserts/img/1.jpg" alt="img" class="img" />
            <h5>￥100</h5>
            <p>樱桃</p>
            <div class="pen">
                <i class="fa fa-pencil" aria-hidden="true"></i>
                <i class="fa fa-trash" aria-hidden="true"></i>
            </div>
        </div>
    </div>

    <div class="row3">
        <ul class="pager">
            <li><a href="#"><</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">></a></li>
        </ul>
    </div>
</div>
</body>
</html>
